$(function () {
    // 给发送绑定点击事件
    $(".input_sub").on("click", function () {
        var text = $(".input_txt").val().trim();
        if (text) {
            li = `<li class="right_word">
            <img src="img/person02.png" />
            <span>${text}</span></li>`;
            // 将li追加到ul后面
            $(".talk_list").append(li);
            // 重置滚动条的位置
            resetui();
        }
        getMsg(text);
        // 清空消息框的内容
        $(".input_txt").val("");
    })
    // 获取聊天机器人发送回来的消息
    function getMsg(text) {
        $.ajax({
            method: "GET",
            url: "http://www.liulongbin.top:3006/api/robot",
            data: {
                spoken: text
            },
            success: function (res) {
                if (res.message == "success") {
                    var robotText = res.data.info.text
                    rli = `<li class="left_word">
                    <img src="img/person01.png" />
                    <span>${robotText}</span></li>`;
                    // 将rli追加到ul后面
                    $(".talk_list").append(rli);
                    getAudio(robotText);
                    // 重置滚动条的位置
                    resetui();
                }
            }
        })
    }
    // 将机器人回的消息转换为语音
    function getAudio(text) {
        $.ajax({
            method: "get",
            url: "http://www.liulongbin.top:3006/api/synthesize",
            data: {
                text: text
            },
            success: res => {
                if (res.status == 200) {
                    $('.robotAudio').attr('src', res.voiceUrl)
                }
            },
        })
    }
    // 为文本框绑定 keyup 事件
    $('.input_txt').on('keyup', function (e) {
        if (e.keyCode === 13) {
            $('.input_sub').click()
        }
    })
})